<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>${product.productName}-tmall.com 天猫</title>
    <link rel="shortcut icon" type="image/x-icon" href="/static/img/index/favicon.png">
    <link rel="stylesheet" href="/static/iconFont/iconfont.css">
    <link rel="stylesheet" href="/static/css/public.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/shop/shopc_list.css"/>
    <link rel="stylesheet" href="/static/css/product/detail.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/layui/css/layui.css">
    <link rel="stylesheet" href="/static/css/nav.css">
    <link rel="stylesheet" type="text/css" href="/static/css/last.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/chat_other_element.css"/>
    <style>

        @import url("//unpkg.com/element-ui@2.15.1/lib/theme-chalk/index.css");

        body{
            font: 12px/1.5 tahoma,arial,"\5b8b\4f53";
        }
        div.tahoma{
            font: 12px/1.5 tahoma,arial,"\5b8b\4f53";
        }

        .title:hover{
            cursor: move;
        }
    </style>
</head>
<body>
<script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/frame/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/self/buy/mousedrag.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/frame/totoro-utils.js"></script>
<script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>

<!-- top 150 left 425-->

<button id="notLogin" style="display: none"></button>

<div class="tahoma">
<jsp:include page="${pageContext.request.contextPath}/public_page/nav.jsp"></jsp:include>
</div>
<jsp:include page="include/product/head_shop.jsp"></jsp:include>
<jsp:include page="include/product/primary_info.jsp"></jsp:include>
<div style="font-family: tahoma,arial,微软雅黑,sans-serif; color: #404040;">
<jsp:include page="include/product/bottom_content.jsp"></jsp:include>
</div>
<div class="tahoma">
    <jsp:include page="${pageContext.request.contextPath}/public_page/last.html"></jsp:include>
</div>

<!-- 消息提示 -->
<div id="app">
    <template>
        <el-button plain @click="repeatError" id="repeat-error" style="display: none"> </el-button>
    </template>
</div>

<!-- 聊天管理页面 chat start -->
<!-- 聊天管理页面 chat end -->
<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/element-ui@2.15.1/lib/index.js"></script>

<script>
    var Main = {
        methods: {
            repeatError() {
                this.$notify.error({
                    title: '错误 - 联系卖家',
                    dangerouslyUseHTMLString: true,
                    message: '<p style="color: red; font-size: 15px">你已经打开了聊天框！</p>',
                    position: 'top-left',
                });
            }
        }
    }
    var Ctor = Vue.extend(Main);
    new Ctor().$mount('#app');
</script>

<script>
    var dt1= "20210827105312"
    var dt2=new Date().format("yyyyMMddhhmmss");
    var st=getMinuteInDates(dt1,dt2);

    $(".chat-box").bg_move({
        move:'.title',
        closed:'.close',
        size : 6
    });

    // 点击阿里旺旺，但是你没登陆
    $("#notLogin").click(function () {
        layui.use('layer', function(){
            var layer = layui.layer;
            layer.msg('请先登录您的账号！', {offset:'300px'});
        });
    })

    // 点击阿里旺旺，打开与卖家的聊天框
    // $(".chat").click(function () {
    //     var isVb = $(".chat-box").css("display");
    //     // 点击打开聊天框，让表情div跟随聊天页面
    //     var top = $(".chat-box").css("top");
    //     var left = $(".chat-box").css("left");
    //     $(window.frames["chat-iframe"].document).find("#emoji_container_1").css({"top":(parseInt(top)+550),"left":(parseInt(left)+80)});
    //     if(isVb.toString() == "block"){
    //         $("#repeat-error").click();
    //         return false;
    //     }
    //     $(".chat-box").show(500);
    // });
</script>
<jsp:include page="/public_page/open_chat.jsp"></jsp:include>
</body>
</html>
